<!-- 
@name: 更多列表
-->
<template>
	<div id="moreList" class="page">
		<div class="content">
			<div class="wrap">
                <!-- 引入 ql-editor样式  -->
				<div class="text1 ql-editor" v-html="dataList.content"></div>
			</div>
		</div>
	</div>
</template>
<script>
import Qs from 'qs'; //引入qs  时axios的自带模块
export default {
	name: 'app',
	components: {
	},
	data() {
		return {
			searchKey: '',
			apiName: '',
			dataList: {},
		};
	},

	created() {
		this.getData();
	},
	methods: {
		getData() {
			var params = { };
			this.$myApi['getConfig_index'](params).then((res) => {
				if (res.code == 0) {
					this.dataList = res.result;
				} else {
				}
			});
		},
	},
};
</script>
<style lang="less" scoped>
@color-blue: #00a0e9;
@shadow:0px 1px 7px 2px rgba(0, 0, 0, 0.03);
.page {
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}
#moreList {
	.content {
		.wrap {
			padding: 0.4rem 0;
			.top {
				display: grid;
				grid-template-columns: repeat(auto-fit, 49%);
				grid-gap: 2%;
				.item {
					background: #ffffff;
					height: 1.4rem;
					box-shadow: @shadow;
					border-radius: 15px;
					font-size: 0.3rem;
					.icon1 {
						width: 0.51rem;
						height: 0.46rem;
						margin-right: 0.15rem;
					}
					.icon2 {
						width: 0.43rem;
						height: 0.48rem;
						margin-right: 0.15rem;
					}
				}
			}
			.center {
				width: 100%;
				height: 0.75rem;
				position: relative;
				margin-top: 0.5rem;
				.icon1 {
					width: 0.32rem;
					height: 0.33rem;
					position: absolute;
					left: 0.3rem;
					top: 0.2rem;
				}
				.input {
					padding-left: 0.8rem;
					border-radius: 38px;
					box-shadow: @shadow;
					width: 100%;
					height: 100%;
					background: #ffffff;
					border: none;
				}
				.button {
					position: absolute;
					right: 0.4rem;
					top: 0.2rem;
					color: @color-blue;
				}
			}
			.bottom {
				margin-top: 0.55rem;
				// padding: 0.4rem 0.3rem;
				width: 100%;
				height: 12rem;
				// box-shadow: @shadow;
				// border-radius: 15px;
				.title {
					margin-bottom: 0.5rem;
					.text1 {
						font-size: 0.3rem;
						color: #111111;
					}
					.text2 {
						font-size: 0.25rem;
						color: #aaaaaa;
					}
				}
				.item {
					width: 100%;
					margin-bottom: 0.8rem;
					position: relative;
					img {
						width: 1.8rem;
						height: 1.2rem;
						margin-right: 0.15rem;
					}
					.text1 {
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						font-size: 0.28rem;
						color: #111111;
						font-weight: bold;
						// margin-bottom: 0.1rem;
					}
					.text2 {
						font-size: 0.25rem;
						color: #aaaaaa;
					}
				}
			}
		}
	}
}
</style>